<template>
  <div class="test">
    <!-- <img src="http://shsportshistory.oss-cn-hangzhou.aliyuncs.com/sportsvideo/1037416397166088192.jpg?x-oss-process=style/w14" alt="" class="img"> -->
    <viewer>
      <img src="http://mjd.artplanet.cn/files/431665--jpg/%E3%80%90%E4%B9%A6%E6%B3%95-%E9%9A%B6%E4%B9%A6%E3%80%91%E3%80%8A%E4%B8%BA%E6%8A%97%E5%87%BB%E7%96%AB%E6%83%85%E8%80%8C%E4%B9%A6%E3%80%8B%E3%80%90%E6%9C%B1%E5%B4%87%E8%B4%A4%E3%80%91.jpg" alt="">
    </viewer>
  </div>
</template>
<script>
// import api from '@/common/js/api'
export default {
  data () {
    return {
      images: ['http://mjd.artplanet.cn/files/431665--jpg/%E3%80%90%E4%B9%A6%E6%B3%95-%E9%9A%B6%E4%B9%A6%E3%80%91%E3%80%8A%E4%B8%BA%E6%8A%97%E5%87%BB%E7%96%AB%E6%83%85%E8%80%8C%E4%B9%A6%E3%80%8B%E3%80%90%E6%9C%B1%E5%B4%87%E8%B4%A4%E3%80%91.jpg', '2.jpg']
    }
  },
  created () {
  }
}
</script>
<style lang="scss" scoped>
  .test {
    background: #ccc;
    // img {
    //   filter: blur(30px);
    // }
  }
</style>
